@import "../feed.component.scss";

.feed-wrapper{
	margin-top: -5%;
}

.searching {
	border-radius: 50%;
	margin: 13% 72.5% auto;
	width: 100px;
	height: 100px;
	border: 5px solid var(--accent-color, $accent-color);
	border-top-color: rgba(216,97,96,0.2);
	animation: spin 1s infinite linear;
	margin-bottom: 20px;
}

.searching-message {
	word-break: break-word;
	font-size: 1.5em;
	text-align: center;
	padding: 10px;
	margin: 6% -25.5% 23% 38%;
}

.message {
	margin-top: -4%;
	color: #808080;
	font-size: small;
	transform: translate(0, -100%);
	transition: transform 0.1s ease-in-out, opacity 0.05s ease-in-out;
	a {
		color: #808080;
	}
	a:hover {
		text-decoration: none;
		color: #222;
	}
}

.info {
	margin-top: 3%;
}

@media(max-width: 1000px) and (min-width: 769px) {
	.message {
		margin-left: 150px;
		max-width: 600px;
	}
}
